<template>
    <div class="pages">
        <div class="header">
            <a class="logo"><img src="https://804176.com/themes/simpleboot3/public/assets/Content/mapping/jiucai/images/logo1.png" width="174" height="106" /></a>
            <ul class="top_menu clear">
                <li>
                    <a class="gameList">
                        <span>购彩大厅</span>
                    </a>
                </li>
                <li>
                    <a class="getout">
                        <span>返回首页</span>
                    </a>
                </li>
                <li>
                    <a class="NewMsg">
                        <span>在线客服</span>
                    </a>
                </li>
                <li>
                    <a class="rule">
                        <span>规则说明</span>
                    </a>
                </li>
                <li>
                    <a class="btn-login-out">
                        <span>登出账号</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="contenter" >
            <div class="side-left">
                <router-link v-bind:to="{path:`/user/HelloWorld`}">HelloWorld</router-link>
            </div>
            <div class="ui-main clear">
                <router-view/>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
/*右侧*/
.ui-main {
    margin-left: 213px;
    min-height: 900px;
    background: #ededed;
}
/*左侧*/
.side-left {
    float: left;
    width: 197px;
    padding: 0 8px;
}
.header,.contenter{
    background-color: #363636;
}
.header{
    height: 106px;

    position: relative;
}
.logo{
    display: inline-block;
    padding:0 20px;
}
.top_menu {
    position: absolute;
    right: 20px;
    width: auto;
    height: 40px;
    top: 15px;
}
/*顶部菜单*/
.top_menu li{
    float: left;
}
.top_menu li a{
    display: block;
    padding-top: 48px;
    width: 56px;
    height: 90px;
    line-height: 20px;
    color: #FFF;
    margin: 0 14px;
    text-align: center;
    background: url("https://804176.com/themes/simpleboot3/public/assets/Content/mapping/jiucai/images/top_menu_icos.png") no-repeat;

}
.top_menu li .gameList {
    background-position: 4px -500px;
}
.top_menu li .getout{
    background-position: 4px 0;
}
.top_menu li .NewMsg{
    background-position: 4px -100px;
}
.top_menu li .rule{
    background-position: 4px -200px;
}
.top_menu li .btn-login-out{
    background-position: 4px -300px;
}
</style>

